import React, { PureComponent } from 'react';
import { Provider } from 'react-redux';
import {BrowserRouter, Route} from 'react-router-dom'
import Home from './pages/home'
import Detail from './pages/detail'
import Login from './pages/login'
import Board from './pages/board'
import store from './store'
import Remmend from './pages/remmend'
import Turnimg from './pages/turnimg'
import Rta from './pages/rta'
class App extends PureComponent {
  render() {
    return (
        <Provider store={store}>
          <div>
            <BrowserRouter>
            <div>
              <Route exact path= '/' component= {Home}></Route>
              <Route exact path= '/detail/:id' component= {Detail}></Route>
              <Route exact path= '/login' component= {Login}></Route>
              <Route exact path= '/board/:id' component= {Board}></Route>
              <Route exact path= '/remmend' component= {Remmend}></Route>
              <Route exact path= '/turning' component= {Turnimg}></Route>
              <Route exact path= '/rta' component= {Rta}></Route>
            </div>
            </BrowserRouter>
          </div>
        </Provider>
    );
  }
}
export default App;
